<template>
  <div class="home">
    <div class="home-block">
      <p class="home-block-font">您好，{{userName}}</p>
      <h1 class="home-block-font-c">欢迎登陆</h1>
      <p>
        <span class="home-block-font home-system">管理系统</span>
      </p>
      <div class="home-block—bottom"></div>
      <!-- <el-row>
        <el-col :span="1" :offset="3">
          <el-button type="text" class="home-block—main" @click="goHome">进入首页
            <i class="el-icon-arrow-right el-icon--right"></i>
          </el-button>
        </el-col>
      </el-row> -->
<!-- 	  <div class="noticModal" v-if="noticeShow == 1">
	  	<div class="title">公告<span @click="noticeShow=0" style="cursor:pointer;">x</span></div>
	  	<div class="content">
	  		<p style="text-align: center;font-weight:bold;margin-bottom: 10px;">关于对未按期付款的采购单位调整优惠政策的公告</p>
	  		<p>工品优采平台（以下简称平台）发挥鞍钢集团集中采购规模优势并增强了议价能力，平台商品价格为行业知名电商供应商、专业供应商其企业官网或线下实体店销售价格的最惠折扣价，各采购单位在平台上采购商品享受了最惠价格、提升了采购效率，大幅降低了采购及管理成本。</p>
	  		<p>德邻工业品有限公司属鞍钢集团内部企业，执行当月挂账当月付款政策（特殊情况最迟次月付款）。但是目前由于个别采购单位存在收到商品后不积极对账、收到发票后不及时挂账、不按照平台约定的账期及时付款等现象，对平台的经营造成影响。针对上述现象，平台决定采取调整优惠政策等措施，对未按期付款的采购单位取消已享有的最惠价格，视逾期时间等情况减少已享有价格折扣或暂停采购权限：每逾期1个月减少1%左右的折扣，直至取消全部折扣；对情形严重的采购单位或者采购人员将暂停采购权限。</p>
	  		<p>本调整自11月1日开始执行，解释权归德邻工业品有限公司。请各采购单位给予高度重视，加快对德邻工业品有限公司办理付款。</p>		
	  		<p>特此公告。</p>
	  		<p style="text-align: right;">德邻工业品有限公司</p>
	  		<p style="text-align: right;">2022年11月1日</p>
	  	</div>
	  </div> -->
    </div>
  </div>
</template>

<script>
  import tools from "@/tools";
export default {
  name: 'home',
  components: {},
  props: {},
  data () {
    return {
      userName: '',
	  noticeShow:1
    }
  },
  watch: {},
  computed: {},
  methods: {
    /**
     * @description 跳转首页
     * @author 穆宏宇
     * @date 2020-11-12 08:59:13
     * @param
     * @return
     * */
    goHome () {
		window.open('/', '_blank')
      // let routeUrl = this.$router.resolve({
      //   path: '/'
      // })
      // window.open(routeUrl.href, '_blank')
    },
  },
  created () { },
  mounted () {
    this.userName = tools.localRead('account')
  }
}
</script>
<style lang="scss" scoped>
  .home {
    height: calc(100% - 86px) !important;
    background: url("~@/assets/admin-images/bg.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    &-block {
      margin: 200px 0 0 80px;
      color: #387fba;
      &-font {
        font-size: 26px;
        &-c {
          font-size: 38px;
        }
      }
      &—bottom {
        width: 100px;
        padding-bottom: 10px;
        border-bottom: 3px solid ;
      }
      &—main {
        padding-bottom: 2px !important;
        color: #387fba;
        border-bottom: 1px solid #387fba;
      }
    }
  }
  
  .noticModal{
  	position:fixed;
  	bottom:0;
  	right:0;
  	width:30vw;
  	height:27vw;
  	overflow:hidden;
  	background:#fff;
  	z-index:99999999999;
  	border:1px solid #ccc;
  	box-shadow:0px 5px 5px #ccc;
  	.title{
  		padding:10px 20px;
  		border-bottom:2px solid #fff;
  		color:#fff;
  		font-size:15px;
  		font-weight:bold;
  		background:#ff4d4f;
  		span{
  			float:right;
  		}
  	}
  	.content{
  		padding:20px;
  		p{
  			text-indent:2rem;
  			line-height:1.25vw;
  		}
  	}
  }
</style>
